﻿/* home --begin-- */
.iBanner{ position:relative;}
.iBanner .iBannerPage ul{ width:100%; position:absolute; left:0; bottom:5px; text-align:center; z-index:111;}
.iBanner .iBannerPage ul li{ display:inline-block; width:10px; height:10px; margin:0 4px; overflow:hidden; cursor:pointer; border-radius:50%; background:#fff;}
.iBanner .iBannerPage ul li.on{ background:#e94709;}
.iBanner .iBannerPage .prev, .iBanner .iBannerPage .next{ position:absolute; top:42%; z-index:111; display:block; width:36px; height:71px; overflow:hidden; cursor:pointer; position:absolute; background-repeat:no-repeat; background-image:url(/index/images/style/banner_point.png); opacity:0.40; filter:alpha(opacity=40);}
.iBanner .iBannerPage .prev{ left:10%; background-position:left center;}
.iBanner .iBannerPage .next{ right:10%; background-position:-36px center;}
.iBanner .iBannerPage .prev:hover, .iBanner .iBannerPage .next:hover{ opacity:1; filter:alpha(opacity=100);}
.iBanner .iBannerCt{ position:relative; height:100%; overflow:hidden;}
.iBanner .iBannerCt li{ width:100%; float:left;}
.iBanner .iBannerCt li a{ width:100%; height:100%; display:block;}
.iTab .iTabPage{ text-align:center;}
.iTab .iTabPage li{ display:inline-block;}
.iTab .iTabPage li a{ display:block; font-size:16px; padding:0 23px;}
.iTab .iTabPage li a span{ display:block; height:70px; overflow:hidden;}
.iTab .iTabPage li a span img{ margin-top:-70px;}
.iTab .iTabPage li.thistab a{ color:#e94709;}
.iTab .iTabPage li.thistab a span img{ margin-top:0;}
.iProTab{ margin-top:40px;}
.iProTab .iTabCt{ overflow:hidden; margin-top:40px;}
.iProTab .iTabCt li{ width:23.2%; float:left; margin-right:2.4%;}
.iProTab .iAnim .iTabCt li{ animation:fadeInDown 0.5s both; -webkit-animation:fadeInDown 0.5s both; -ms-animation:fadeInDown 0.5s both; -moz-animation:fadeInDown 0.5s both; -o-animation:fadeInDown 0.5s both;}
.iProTab .iAnim .iTabCt li:nth-child(4n){ margin-right:0;}
.iProTab .iAnim .iTabCt li:nth-child(2){ animation-delay:0.05s; -webkit-animation-delay:0.05s;}
.iProTab .iAnim .iTabCt li:nth-child(3){ animation-delay:0.15s; -webkit-animation-delay:0.15s;}
.iProTab .iAnim .iTabCt li:nth-child(4){ animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.iProTab .iAnim .iTabCt li:nth-child(5){ animation-delay:0.25s; -webkit-animation-delay:0.25s;}
.iProTab .iAnim .iTabCt li:nth-child(6){ animation-delay:0.3s; -webkit-animation-delay:0.3s;}
.iProTab .iAnim .iTabCt li:nth-child(7){ animation-delay:0.35s; -webkit-animation-delay:0.35s;}
.iProTab .iAnim .iTabCt li:nth-child(8){ animation-delay:0.4s; -webkit-nimation-delay:0.4s;}
.iProTab .iTabCt li a{ display:block; overflow:hidden; text-align:center;}
.iProTab .iTabCt li .iProCtPic{ border:solid 1px #cacbcc;}
.iProTab .iTabCt li .iProCtPic img{ width:100%; height:100%;}
.iProTab .iTabCt li .iProCtTit{ padding:10px 0;}
.iProTab .iTabCt li:hover a{ color:#e94709; border-color:#e94709;}
.iPartner{ height:465px; background:#f5f5f5 url(/index/images/style/iPartnerBg.jpg) no-repeat center bottom; overflow:hidden; margin-top:40px;}
.iPartnerCt{ margin-top:50px;}
.iPartnerCt li{ float:left; margin-right:18px;}
.iPartnerCt li a{ width:170px; height:170px; background:#fff; border:solid 1px #e0e0e0; overflow:hidden; text-align:center;}
.iPartnerCt li a img{ margin:0 auto; display:block;}
.iAboutBg{ height:838px; background-image:url(/index/images/style/iAboutBg.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; overflow:hidden;}
.iAbout dt{ text-align:center; margin-top:75px;}
.iAbout dt a{ font-size:36px; line-height:40px; color:#fff;}
.iAbout .iAboutCt{ font-size:16px; color:#fff; line-height:30px; margin-top:40px; text-align:center;}
.iAbout .iAboutMore{ text-align:center; margin-top:40px;}
.iAbout .iAboutMore a{ display:inline-block; color:#fff; font-size:18px; border:solid 2px #fff; border-radius:50px; padding:0 20px; line-height:36px; position:relative; z-index:1;}
.iAbout .iAboutMore a:hover{ border-color:#e94709; background:#e94709;}
.iHonor{ position:relative; margin-top:100px;}
.iHonorPage a{ width:20px; height:32px; position:absolute; top:126px; background-image:url(/index/images/style/iHonorPage.png); background-repeat:no-repeat; display:block; opacity:0.50; filter:alpha(opacity=50);}
.iHonorPage a:hover{ opacity:1; filter:alpha(opacity=100);}
.iHonorPage .prev{ left:0; background-position:left top;}
.iHonorPage .next{ right:0; background-position:-20px top;}
.iHonorCt .tempWrap{ margin:0 auto;}
.iHonorCt li{ width:200px; height:280px; float:left; margin:0 14px; border:solid 1px #4f5866; overflow:hidden; position:relative;}
.iHonorCt li a, .iHonorCt li a img{ display:block; width:100%; height:100%;}
.iHonorCt li span{ width:100%; height:40px; line-height:40px; overflow:hidden; padding:0 5px; position:absolute; bottom:-40px; left:0; background:rgba(0,0,0,0.6); display:block; text-align:center; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.iHonorCt li:hover span{ bottom:0;}
.iCaseTab{ position:relative;}
.iCaseTab, .iCaseTab .iCaseMd{ margin-top:40px;}
.iCaseTab .iCaseMore{ width:calc(100% - 50%); height:50px; line-height:50px; display:block; position:absolute; bottom:0; right:0; background:#f5f5f5; text-indent:30px; color:#e94709;}
.iCaseTab .iCaseMore:hover{ background:#e94709; color:#f5f5f5;}
.iCaseTab .iTabCt{ overflow:hidden;}
.iCaseTab .iTabCt li{ float:left; overflow:hidden; position:relative; animation:zoomIn 1s both; -webkit-animation:zoomIn 1s both; -ms-animation:zoomIn 1s both; -moz-animation:zoomIn 1s both; -o-animation:zoomIn 1s both;}
.iCaseTab .iAnim .iTabCt li:nth-child(2){ animation-delay:0.1s; -webkit-animation-delay:0.1s;}
.iCaseTab .iAnim .iTabCt li:nth-child(3){ animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.iCaseTab .iAnim .iTabCt li:nth-child(4){ animation-delay:0.3s; -webkit-animation-delay:0.3s;}
.iCaseTab .iAnim .iTabCt li:nth-child(5){ animation-delay:0.4s; -webkit-animation-delay:0.4s;}
.iCaseTab .iTabCt li img{ width:100%; height:100%;}
.iCaseTab .iTabCt li span{ width:100%; height:50px; line-height:50px; overflow:hidden; padding:0 5px; position:absolute; bottom:-50px; left:0; background:rgba(0,0,0,0.6); display:block; text-align:center; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.iCaseTab .iTabCt li:hover span{ bottom:0;}
.iCaseTab .iTabCt .iCaseCtFirst{ width:50%; height:640px;}
.iCaseTab .iTabCt .iCaseCtList{ width:calc((100% - 50%) / 2); height:295px;}
.iNewsTab{ position:relative; height:505px; margin-top:40px; overflow:hidden;}
.iNewsTab .iNewsPage{ width:600px; position:absolute; top:0; right:0;}
.iNewsTab .iNewsPage li{ width:32.4%; height:42px; line-height:42px; text-align:center; float:left; background:#ececec; font-size:16px; margin-right:1.4%; cursor:pointer;}
.iNewsTab .iNewsPage li.on{ background:#e94709; color:#fff;}
.iNewsTab .iNewsPage li:last-child{ margin-right:0;}
.iNewsTab .iNewsCt .tempWrap{ width:563px !important; float:left;}
.iNewsTab .iNewsCt .sPage{ width:10px; height:21px; display:block; background-image:url(/index/images/style/iNewsIco.png); background-repeat:no-repeat; position:absolute; bottom:45px; z-index:9999;}
.iNewsTab .iNewsCt .sPrev{ left:15px; background-position:left top;}
.iNewsTab .iNewsCt .sPrev:hover{ background-position:left -21px;}
.iNewsTab .iNewsCt .sNext{ left:538px; background-position:-10px top;}
.iNewsTab .iNewsCt .sNext:hover{ background-position:-10px -21px;}
.iNewsTab .iNewsPicCt li{ width:563px; overflow:hidden; background:#ececec;}
.iNewsTab .iNewsPicCt li a, .iNewsTab .iNewsPicCt li span{ display:block; overflow:hidden;}
.iNewsTab .iNewsPicCt li .iNewsPic{ width:100%; height:385px; border:solid 1px #ececec; border-bottom:none; box-sizing:border-box;}
.iNewsTab .iNewsPicCt li .iNewsPic img{ width:100%; height:100%;}
.iNewsTab .iNewsPicCt li div{ width:100%; height:80px; overflow:hidden; padding:20px 0;}
.iNewsTab .iNewsPicCt li .iNewsDate{ width:80px; color:#e94709; font-size:18px; text-align:center; float:left; margin-left:70px;}
.iNewsTab .iNewsPicCt li .iNewsDate b{ display:block; width:100%; border-bottom:solid 1px #e94709; font-size:43px; line-height:50px; font-weight:normal;}
.iNewsTab .iNewsPicCt li .iNewsTit{ width:310px; float:left; margin-left:40px; font-size:18px; height:30px; line-height:30px; text-align:center; margin-top:3px;}
.iNewsTab .iNewsPicCt li .iNewsKey{ width:310px; float:left; margin-left:40px; height:40px; line-height:20px; text-align:center; font-size:12px; color:#919191; margin-top:2px;}
.iNewsTab .iNewsTitCt{ width:600px; float:right; margin-top:68px; border-top:dotted 1px #e1e1e1;}
.iNewsTab .iNewsTitCt li{ width:100%; height:43px; line-height:43px; overflow:hidden; list-style:none; border-bottom:dotted 1px #e1e1e1; position:relative;}
.iNewsTab .iNewsTitCt li:after{ content:""; position:absolute; left:10px; top:21px; width:4px; height:4px; background:#333;}
.iNewsTab .iNewsTitCt li:hover:after{ background:#e94709;}
.iNewsTab .iNewsTitCt li a{ width:80%; float:left; height:43px; overflow:hidden; text-indent:22px;}
.iNewsTab .iNewsTitCt li span{ float:right; padding-right:5px; color:#919191; font-size:12px;}
.iNewsTab .iNewsTitCt .iNewsMore{ line-height:40px; color:#e94709; padding-left:8px;}
.iAd{ height:750px; margin-top:90px; background-image:url(/index/images/style/iAdPic.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; overflow:hidden; text-align:center;}
.iAd img{ margin-top:240px;}
.animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9);-ms-transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}

@media screen and (max-width:1440px){
.iTab .iTabPage li a{ font-size:14px; padding:0 16px;}
.iProTab{ margin-top:30px;}
.iProTab .iTabCt, .iPartnerCt, .iCaseTab, .iCaseTab .iCaseMd, .iNewsTab, .iMsgBox, .iAbout .iAboutCt{ margin-top:30px;}
.iAboutBg{ height:auto; padding-bottom:60px;}
.iAbout dt{ margin-top:50px;}
.iAbout dt a{ font-size:28px;}
.iAbout .iAboutCt{ font-size:14px;}
.iAbout .iAboutMore a{ font-size:16px;}
.iHonor{ margin-top:60px;}
.iHonorPage a{ top:100px;}
.iHonorCt li{ width:160px; height:220px;}
.iAd{ margin-top:50px;}
.iNewsTab .iNewsCt .tempWrap, .iNewsTab .iNewsPicCt li{ width:460px !important;}
.iNewsTab .iNewsCt .sNext{ left:434px;}
.iNewsTab .iNewsPicCt li .iNewsDate{ margin-left:50px;}
.iNewsTab .iNewsPicCt li .iNewsTit, .iNewsTab .iNewsPicCt li .iNewsKey{ width:270px; margin-left:20px;}
.iNewsTab .iNewsPicCt li .iNewsTit{ font-size:14px;}
.iNewsTab .iNewsPage, .iNewsTab .iNewsTitCt{ width:520px;}
}